<template>
    <div class="button">
      <router-link tag="button" to="/login" class="login">登陆</router-link>
      <router-link tag="button" to="/regist" class="regist">立即注册</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'LoginButton'
}
</script>

<style lang="stylus" scoped>
  .button 
    display: flex
    justify-content: space-between
    margin-top: .1rem
    padding-bottom: .8rem
    button
      line-height: .62rem
      border-radius: .04rem
      color: #fff
      font-weight: bold
      font-size: .28rem
      font-family: 'Microsoft YaHei'
    .login
      width: 2rem
      background: linear-gradient(to bottom,#50a1d3,#3776bf);
      border: .01rem solid #3776bf
    .login:hover
      background: linear-gradient(to bottom,#3f91c5,#3776bf);
    .regist
      width: 2.52rem
      background: linear-gradient(to bottom,#f9c610,#ed7902);
      border: .01rem solid #ed7902
     .regist:hover
       background: linear-gradient(to bottom,#efa305,#ed7902);
</style>

